<template>
  <div class="footer">
    <div class="container">
      <p>版权所有 © 广东工业大学 环境健康与污染控制研究院</p>
      <p>粤ICP备*********号</p>
      <p>地址：广州市番禺区大学城外环西路100号广东工业大学工学三号馆5楼</p>
      <p>微信公众号：GDUT-iehpc&nbsp;&nbsp;电子邮箱：iehpc@gdut.edu.cn</p>
      <!-- <p>
        友情链接：<a href="https://iehpc.gdut.edu.cn/index.htm" target="_blank"
          >研究院</a
        >&nbsp;&nbsp;
        <a href="https://ghmjlceh.gdut.edu.cn/" target="_blank">粤港澳实验室</a
        >&nbsp;&nbsp;
        <a href="http://www.human-exposome.com/Default.aspx" target="_blank"
          >暴露组学数据库</a
        >
      </p> -->
    </div>
    <div>
      <el-button class="back" @click="scrollToTop"><i class="el-icon-caret-top"></i>返回顶部</el-button>
    </div>

  </div>
</template>
<script>
export default {
  name: "footerView",
  methods: {
    scrollToTop() {
      window.scrollTo({
        top: 0,
        behavior: 'smooth'
      });
    }
  },
};
</script>
<style lang="scss" scoped>
.footer {
  width: 1440px;
  display: flex;
  height: 10vh;
  background-color: #1c2a37;
  color: #ffffff;
  padding: 20px 0;
  text-align: center;
  .back{
    font-size: 18px;
    margin: 20px;
    line-height: 30px;
    text-align: center;
    align-items: center;
    background-color: #1c2a37;
    color: #ffffff;
  }
}


.container {
  width: 1440px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 30px;
}

a:link {
  /* text-decoration: none; */
  color: white;
}

a:visited {
  color: white;
}

a:hover {
  color: blue;
}

</style>